<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>里定订货宝-商品详情</title>
    <link rel="stylesheet" href="./assets/layui/css/layui.css">
    <!-- inject:css -->
    <!-- endinject -->
    <script src="./assets/jquery-1.12.4.min.js"></script>
    <script src="./assets/jquery-migrate-1.1.1.js"></script>
</head>
<body>
<!-- header 公共头部组件 -->
<div class="header">
    <div class="nav wrapper clearfix">
        <div class="logo ">
            <img class="logo-item" src="./images/logo.png" alt="里定订货宝">
        </div>
        <div class="nav-action inline-wrapper">
            <div class="search-action inline-item">
                <input type="text" placeholder="商品名称">
                <i class="icon icon-search"></i>
            </div>
            <div class="split-line-vertical inline-item"></div>
            <div class="cart-action inline-item">
                <a href="./cart.html">
                    <i class="icon icon-cart"></i>
                    <span class="inline-item">购物车</span>
                    <span class="badge">0</span>
                </a>
            </div>
        </div>

        <div class="server-contact inline-wrapper">
            <i class="icon icon-phone"></i>
            <h3 class="inline-item">400-632-5588</h3>
        </div>
    </div>
    <div class="nav-menu-wrapper">
        <div class="nav-menu wrapper">
            <ul class="inline-wrapper">
                <li class="inline-item ">
                    <a href="./index.html">首页</a>
                </li>
                <li class="inline-item active">
                    <a href="./goods.html">商品</a>
                </li>
                <li class="inline-item">
                    <a href="./order.html">订单</a>
                </li>
                <li class="inline-item menu-select-hover">
                    <a href="#">全部商品分类</a>
                    <i class="icon icon-classification"></i>
                    <div class="nav-menu-select shadow-item">
                        <div class="nav-menu-option active">
                            <a href="#">新生儿疾病筛查型</a>
                        </div>
                        <div class="nav-menu-option ">
                            <a href="#">产前筛查型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">体检型</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">903滤纸</a>
                        </div>
                        <div class="nav-menu-option">
                            <a href="#">新筛试剂</a>
                        </div>
                    </div>
                </li>
            </ul>
            <div class="user-action">
                <div class="user-not-loged">
                    <i class="icon icon-user"></i>
                    <div class="inline-item">
                        <span>您好,</span>
                        <a href="./login.html">请登录</a>
                    </div>
                </div>
                <div class="user-loged"></div>
            </div>
        </div>
    </div>
</div>

<!-- content order 页面内容 -->
<div class="detail-content clearfix" id="content_minHeight">
    <div class="wrapper clearfix">
        <div class="detail-pictures">
            <div class="picture-wrapper clearfix">
                <a class="zoom-hook " href="./images/product_01.gif"
                   rel='gal1'>
                    <img class="goods-picture main-picture-hook"
                         src="./images/product_01.gif"
                         alt="">
                </a>
            </div>
            <div class="thumbnail">
                <div class="thumbnail-scroll inline-wrapper">
                    <div class="thumbnail-item-wrapper inline-item active">
                        <div class="thumbnail-item shadow-item">
                            <a href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: './images/product_01.gif',largeimage: './images/product_01.gif'}">
                                <img class="" src="./images/product_01.gif" alt="" data-src="./images/product_01.gif"
                                />
                            </a>
                        </div>
                    </div>

                    <div class="thumbnail-item-wrapper inline-item">
                        <div class="thumbnail-item shadow-item">
                            <a href="javascript:void(0);"
                               rel="{gallery: 'gal1', smallimage: 'http://dhgl.ldxxw.com.cn/upload/product/91/201806071021397631.png',largeimage: 'http://dhgl.ldxxw.com.cn/upload/product/91/201806071021397631.png'}">
                                <img class=""
                                     src="http://dhgl.ldxxw.com.cn/upload/product/91/201806071021397631.png"
                                     alt=""
                                     data-src="http://dhgl.ldxxw.com.cn/upload/product/91/201806071021397631.png"
                                     />
                            </a>
                        </div>
                    </div>
                    <div class="thumbnail-item-wrapper inline-item">
                        <div class="thumbnail-item shadow-item">
                            <a href="javascript:void(0);"
                               rel="{gallery: 'gal1', smallimage: 'http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_400.jpg',largeimage: 'http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211.jpg'}">
                                <img src="http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_400.jpg" alt=""
                                     data-src="http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_400.jpg"
                                    />
                            </a>
                        </div>
                    </div>
                    <div class="thumbnail-item-wrapper inline-item">
                        <div class="thumbnail-item shadow-item">
                            <a href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: 'http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_400.jpg',largeimage: 'http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211.jpg'}">
                                <img src="http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_400.jpg" alt="" data-src="http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_400.jpg"
                                />
                            </a>
                        </div>
                    </div>
                    <div class="thumbnail-item-wrapper inline-item">
                        <div class="thumbnail-item shadow-item">
                            <a href="javascript:void(0);" rel="{gallery: 'gal1', smallimage: 'http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_400.jpg',largeimage: 'http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211.jpg'}">
                                <img src="http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_400.jpg" alt="" data-src="http://dhgl.ldxxw.com.cn/upload/product/91/201704171707362211_400.jpg"
                                />
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="detail-desc">
            <h2 class="detail-title">新生儿疾病筛查型</h2>
            <div class="detail-title-en">Neonatal screening type</div>
            <div class="detail-item inline-wrapper">
                <div class="inline-item item-key">商品编码</div>
                <div class="inline-item item-split">：</div>
                <div class="inline-item item-value">0001</div>
            </div>
            <div class="detail-item inline-wrapper">
                <div class="inline-item item-key">商品型号</div>
                <div class="inline-item item-split">：</div>
                <div class="inline-item item-value">153248546</div>
            </div>
            <div class="detail-item inline-wrapper">
                <div class="inline-item item-key">起订量</div>
                <div class="inline-item item-split">：</div>
                <div class="inline-item item-value">100</div>
            </div>
            <div class="detail-item inline-wrapper">
                <div class="inline-item item-key">服务</div>
                <div class="inline-item item-split">：</div>
                <div class="inline-item item-value">由里定负责发货，并提供售后服务</div>
            </div>
            <div class="detail-item inline-wrapper">
                <div class="inline-item item-key">采血孔</div>
                <div class="inline-item item-split">：</div>
                <div class="inline-item inline-wrapper">
                    <div class="inline-item radio-item radio-item-hook">无孔</div>
                    <div class="inline-item radio-item radio-item-hook">两孔</div>
                    <div class="inline-item radio-item radio-item-hook active">三孔</div>
                    <div class="inline-item radio-item radio-item-hook">四孔</div>
                    <div class="inline-item radio-item radio-item-hook">五孔</div>
                </div>
            </div>
            <div class="detail-item inline-wrapper radio-wrapper">
                <div class="inline-item item-key">尺寸</div>
                <div class="inline-item item-split">：</div>
                <div class="inline-item inline-wrapper">
                    <div class="inline-item radio-item radio-item-hook">65mm</div>
                    <div class="inline-item radio-item radio-item-hook active">70mm</div>
                    <div class="inline-item radio-item radio-item-hook">74mm</div>
                    <div class="inline-item radio-item radio-item-hook">75mm</div>
                    <div class="inline-item radio-item radio-item-hook">80mm</div>
                    <div class="inline-item radio-item radio-item-hook">85mm</div>
                    <div class="inline-item radio-item radio-item-hook">90mm</div>
                    <div class="inline-item radio-item radio-item-hook">105mm</div>
                    <div class="inline-item radio-item radio-item-hook">50mm</div>
                    <div class="inline-item radio-item radio-item-hook">97mm</div>
                </div>
            </div>
            <div class="detail-item inline-wrapper radio-wrapper">
                <div class="inline-item item-key">颜色</div>
                <div class="inline-item item-split">：</div>
                <div class="inline-item inline-wrapper">
                    <div class="inline-item radio-item radio-item-hook">白色</div>
                    <div class="inline-item radio-item radio-item-hook active">黄色</div>
                    <div class="inline-item radio-item radio-item-hook">红色</div>
                    <div class="inline-item radio-item radio-item-hook">绿色</div>
                    <div class="inline-item radio-item radio-item-hook">蓝色</div>
                </div>
            </div>
            <div class="detail-item inline-wrapper radio-wrapper">
                <div class="inline-item item-key">购买数量</div>
                <div class="inline-item item-split">：</div>
                <div class="inline-item inline-wrapper goods-edit">
                    <i class="icon icon-reduce"></i>
                    <input class="cart-num inline-item" value="100" data-limit="100" type="text">
                    <i class="icon icon-plus"></i>
                </div>
            </div>
            <div class="add-cart-btn inline-wrapper" id="add_cart_hook">
                <i class="icon icon-cart-reverse"></i>
                <span class="inline-item">加入购物车</span>
            </div>
        </div>
    </div>
</div>
<!-- 客服咨询 悬浮按钮 -->
<a class="server-btn" href="http://wpa.qq.com/msgrd?v=3&amp;uin=1326499052&amp;site=qq&amp;menu=yes" target="_blank">
</a>
<!-- footer 公用 footer 组件 -->
<div class="footer">
    <ul class="footer-menu wrapper inline-wrapper">
        <li class="inline-item">
            <a href="#">关于我们</a>
        </li>
        <li class="inline-item">
            <a href="#">联系我们</a>
        </li>
        <li class="inline-item">
            <a href="#">会员介绍</a>
        </li>
        <li class="inline-item">
            <a href="#">购物指南</a>
        </li>
        <li class="inline-item">
            <a href="#">常见问题</a>
        </li>
    </ul>
</div>
<script src="./assets/layui/layui.js"></script>
<!-- inject:js -->
<!-- endinject -->
</body>
</html>